<template>
    <div>
<!-- 卡片封装 -->
        <div v-for="item in shops" :key="item" class="big">
            <shop :item=item></shop>
        </div>
    </div>
</template>

<script setup>
import shop from '../../components/shop.vue'
import {ref} from 'vue'
const shops = ref([
    {id:111, img: 'https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg', ms: '两件50韩版v领修身', jg: '39.9',  },
    {id:222, img: 'https://pic.616pic.com/bg_w1180/00/06/72/8mBRMZjWmw.jpg!/fw/1120', ms: '绿色条纹T恤', jg: '59.9', },
    {id:333, img: 'https://fastly.jsdelivr.net/npm/@vant/assets/apple-1.jpeg', ms: '[玉琪yuki]法式富家千金', jg: '59.9',  },
    {id:444, img: 'https://fastly.jsdelivr.net/npm/@vant/assets/apple-2.jpeg', ms: '[玉琪yuki]法式富家千金', jg: '69.9', },
])
</script>

<style scoped>
.big{
    display: flex;
    flex-wrap: wrap;
}
.big >div{
    width: 44%;
    padding: 10px;
    margin: 2px 0 0 2px;
}
</style>